<template>
  <div ng-if="open" id="container"></div>
</template>
<script>

export default {
  data(){
      return {
        address:''
      }
  },
  props:{
    open:{
        type:false,
        default:false
    }
  },
  mounted(){
    this.getCurrentPosition()
  },
  methods:{
      getCurrentPosition(){
          let geolocation = new BMap.Geolocation(); 
          let _this = this ;
          geolocation.getCurrentPosition( function(r) {   //定位结果对象会传递给r变量  
                if(this.getStatus() == BMAP_STATUS_SUCCESS){  //通过Geolocation类的getStatus()可以判断是否成功定位。  
                    var pt = r.point; 
                    //获取地址信息
                    _this.getAddress(pt);
                }else{  
                    this.mapError()
                }          
            },  
            {enableHighAccuracy: true}  
        )  
      },
    getAddress(pt){
        let gc = new BMap.Geocoder();
        let _this = this ;
        gc.getLocation(pt, function(rs){    
            var addComp = rs.addressComponents;    
            _this.address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;    
            _this.getLocation(pt);
        });
    },
    getLocation(pt){
        var ggPoint = new BMap.Point(pt.lng,pt.lat);
        var bm = new BMap.Map("container");
        let _this = this ;
        bm.centerAndZoom(ggPoint, 15);
        bm.addControl(new BMap.NavigationControl());
        //添加gps marker和label
        var markergg = new BMap.Marker(ggPoint);
        bm.addOverlay(markergg); //添加GPS marker
        console.log(_this.address)
        var labelgg = new BMap.Label(_this.address,{offset:new BMap.Size(20,-10)});
        markergg.setLabel(labelgg); //添加GPS label
            //单击获取点击的经纬度
            bm.addEventListener("click",function(e){
                _this.getAddress(e.point)
                console.log(e.point.lng + "," + e.point.lat);
            });
    },
    //获取经纬度失败
    mapError(){
        //关于状态码    
        //BMAP_STATUS_SUCCESS   检索成功。对应数值“0”。    
        //BMAP_STATUS_CITY_LIST 城市列表。对应数值“1”。    
        //BMAP_STATUS_UNKNOWN_LOCATION  位置结果未知。对应数值“2”。    
        //BMAP_STATUS_UNKNOWN_ROUTE 导航结果未知。对应数值“3”。    
        //BMAP_STATUS_INVALID_KEY   非法密钥。对应数值“4”。    
        //BMAP_STATUS_INVALID_REQUEST   非法请求。对应数值“5”。    
        //BMAP_STATUS_PERMISSION_DENIED 没有权限。对应数值“6”。(自 1.1 新增)    
        //BMAP_STATUS_SERVICE_UNAVAILABLE   服务不可用。对应数值“7”。(自 1.1 新增)    
        //BMAP_STATUS_TIMEOUT   超时。对应数值“8”。(自 1.1 新增)    
        switch( this.getStatus() ){  
                case 2:  
                    alert( '位置结果未知 获取位置失败.' );  
                break;  
                case 3:  
                    alert( '导航结果未知 获取位置失败..' );  
                break;  
                case 4:  
                    alert( '非法密钥 获取位置失败.' );  
                break;  
                case 5:  
                    alert( '对不起,非法请求位置  获取位置失败.' );  
                break;  
                case 6:  
                    alert( '对不起,当前 没有权限 获取位置失败.' );  
                break;  
                case 7:  
                    alert( '对不起,服务不可用 获取位置失败.' );  
                break;  
                case 8:  
                    alert( '对不起,请求超时 获取位置失败.' );  
                break;  
            }  
        }
    }
}
</script>


